/* 根元素样式 - 确保在拖拽时不显示白色背景 */
html {
  height: 100%;
  margin: 0;
  padding: 0;
  /* 默认使用系统主题偏好 */
  background-color: #ffffff;
}

/* 根据系统主题偏好设置默认背景 */
@media (prefers-color-scheme: dark) {
  html {
    background-color: #101014;
  }
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
  /* 默认背景色，会被主题类覆盖 */
  background-color: #ffffff;
}

/* 主题样式变量和背景色 */
html.light,
body.light {
  --app-bg-color: #ffffff;
  --app-text-color: #333333;
  --app-border-color: #e0e0e6;
  --app-surface-color: #f8f9fa;
  background-color: var(--app-bg-color);
}

html.dark,
body.dark {
  --app-bg-color: #101014;
  --app-text-color: #ffffffd1;
  --app-border-color: #262626;
  --app-surface-color: #18181c;
  background-color: var(--app-bg-color);
}

#app {
  width: 100vw;
  height: 100vh;
  background-color: var(--app-bg-color);
  color: var(--app-text-color);
  overflow: hidden; /* 防止应用本身出现滚动条 */
}


/* 防止任何透明背景暴露白色底色 */
html, body, #app {
  background-color: var(--app-bg-color, #ffffff);
}

/* 为窗口拖拽区域设置背景色 */
html.light {
  background-color: #ffffff !important;
}

html.dark {
  background-color: #101014 !important;
}

/* Electron webContents 的根容器样式 */
webview {
  background-color: var(--app-bg-color);
}

/* 全屏Modal样式 - 统一处理 */
.n-modal-container .n-modal.fullscreen-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.n-modal-container .n-modal.fullscreen-modal .n-card {
  height: 100% !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.n-modal-container .n-modal.fullscreen-modal .n-card .n-card__content {
  flex: 1 !important;
  overflow: auto !important;
}

.n-modal-container .n-modal.fullscreen-modal .n-card .n-card__footer {
  flex-shrink: 0 !important;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.3);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 128, 128, 0.5);
}

/* 深色主题下的滚动条 */
body.dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

body.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}